@charset "utf-8";
/* CSS Document */

body{
	background:url(images/fonds.jpg) repeat;
	margin:0;
	}

#page{
	background:url(images/page.gif) repeat-y;
	width:940px;
	margin:0 auto;
	margin-bottom:20px;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:20px;
	overflow:hidden;
	}
	
.video{
	margin-left:28px;
	}
	
#article{
	background:url(images/designsonore.jpg) no-repeat;
	width:638px;
	height:506px;
	margin-bottom:15px;
	}
	
#article1{
	background:url(images/jeuxvideo.jpg) no-repeat;
	width:638px;
	height:506px;
	margin-bottom:15px;
	}
	
#article2{
	background:url(images/musique.jpg) no-repeat;
	width:638px;
	height:506px;
	margin-bottom:15px;
	}

#article3{
	background:url(images/audiovisuel.jpg) no-repeat;
	width:638px;
	height:506px;
	margin-bottom:15px;
	}

#article4{
	background:url(images/contacts.jpg) no-repeat;
	width:638px;
	height:506px;
	margin-bottom:15px;
	}
	
#article4 a{
	text-decoration:none;
	color:#108baf;
	}
	
#article4 a:hover{
	text-decoration:underline;
	}

.tel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:520px;
	padding-top:90px;
	vertical-align:super;
	}

#colgauche{
	width:650px;
	float:left;
	}
	
#coldroite{
	width:273px;
	float:left;
	}
	
#cv{
	width:273px;
	height:178px;
	margin-top:30px;
	margin-bottom:10px;
	}
	
#reseaux{
	width:271px;
	height:252px;
	background:url(images/reseaux.jpg) no-repeat;
	}
	
#contacts{
	margin-top:10px;
	margin-bottom:10px;
	width:273px;
	height:417px;
	background:url(images/contact.jpg) no-repeat;
	}
	
#mail{
	width:273px;
	height:83px;
	background:url(images/mail.jpg) no-repeat;
	}
	
#liste_contacts{
	width:240px;
	padding-top:75px;
	}
	
#liste_contacts li{
	margin-left:-24px;
	}
	
#liste_contacts li a{
	margin-right:5px;
	}
	
#liste_mail{
	width:240px;
	padding-left:20px;
	padding-top:6px;
	}
	
#liste_reseaux{
	width:240px;
	padding-left:15px;
	padding-top:65px;
	}
	
#liste_reseaux li a{
	margin-right:3px;
	}
	
#m{
	padding-top:7px;
	}
	
#liste_mail li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#999;
	margin-left:5px;
	display:inline-block;
	vertical-align:middle;
	}
	
#menu li{
	display:inline-block;
	margin-top:27px;
	padding-right:37px;
	}
	
.sepa{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:100;
	color:#999;
	}
	
#menu{
	margin-left:150px;
	}
	
#liste_mail li a{
	padding-left:50px;
	}
	
#entete{
	background:url(images/bandeauhaut.jpg) no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:977px;
	height:170px;
	}
	
#navigation{
	background:url(images/nav.gif) repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:81px;
	margin-bottom:-8px;
	margin-top:-16px;
	}
	
#titre{
	margin-left:30px;
	margin-top:85px;
	}
	
#image{
	margin-left:25px;
	margin-top:25px;
	}
	
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:11px;
	color:#333;
	padding-left:26px;
	margin-top:20px;
	width:580px;
	}
	
#dewplayer{
	margin-top:15px;
	margin-left:215px;
	}

#dewplayer1{
	margin-top:15px;
	margin-left:75px;
	}
	
.lien a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:11px;
	color:#108baf;
	margin-right:30px;
	float:right;
	}
	
.lien a:hover{
	text-decoration:underline;
	}
	
.bold{
	font-weight:bold;
	}
	
.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:200px;
	vertical-align:super;
	}
	
.datee{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:130px;
	vertical-align:super;
	}
	
.date1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:230px;
	vertical-align:super;
	}
	
.date2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:380px;
	vertical-align:super;
	}
	
.date3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:450px;
	vertical-align:super;
	}
	
.date4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:310px;
	vertical-align:super;
	}
	
.date5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:265px;
	vertical-align:super;
	}
	
.date6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:330px;
	vertical-align:super;
	}
	
.color{
	color:#666;
	}
	
.suite{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	}
	
.suite a{
	color:#666;
	}
	
.suite a:hover{
	text-decoration:underline;
	}
	
.suite1{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	}
	
.suite1 a{
	color:#666;
	}
	
.suite1 a:hover{
	text-decoration:underline;
	}
	
.barre{
	margin-left:120px;
	}

#pied{
	background:url(images/pied.png) repeat-x;
	width:100%;
	left:auto;
	right:auto;
	bottom:0%;
	height:137px;
	text-align:center;
	overflow:auto;
	}
	
.pied{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	color:#999;
	padding-top:40px;
	}
	
.pied1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
	margin-left:600px;
	color:#999;
	}
	
a{
	text-decoration:none;
	}
	
li{
	list-style:none;
	}
	
img{
	border:none;
	}
	
#pied a{
	color:#999;
	}
	
#pied a:hover{
	text-decoration:underline;
	}


